﻿@model QAS.NekoramaMVC4.Models.QuestionDetailModel

@{
    ViewBag.Title = "Details";
}

<h2>Details</h2>

@*<fieldset>
    <legend>QuestionDetailModel</legend>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.CreatedUser)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.CreatedUser)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.CreatedDate)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.CreatedDate)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.ModifiedUser)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.ModifiedUser)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.LastModifiedDate)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.LastModifiedDate)
    </div>
</fieldset>
<p>
    @Html.ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) |
    @Html.ActionLink("Back to List", "Index")
</p>*@


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="all"/>

<link type="text/css" rel="stylesheet" href="js/jquery-te-1.4.0.css">

<title>Nekorama: Question Details</title>

<script type="text/javascript" src="js/jquery-ui-1.10.3/jquery-1.9.1.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.10.3/ui/jquery-ui.js"></script>

<script type="text/javascript" src="js/jquery-te-1.4.0.min.js" charset="utf-8"></script>

<link rel="stylesheet" href="js/jquery-ui-1.10.3/themes/base/jquery-ui.css"/>

<script>
  $(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
	  height:140,
      modal: true,
      buttons: {
        "Yes": function() {
          $( this ).dialog( "close" );
        },
        No: function() {
          $( this ).dialog( "close" );
        }
	  },
      show: {
        duration: 1000
      },
      hide: {
        duration: 1000
      }
    });
 
    $( ".opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
</script>

<script>
  $(function() {
    $( "#dialog-report" ).dialog({
      autoOpen: false,
	  height:140,
      modal: true,
      buttons: {
        "Yes": function() {
          $( this ).dialog( "close" );
        },
        No: function() {
          $( this ).dialog( "close" );
        }
	  },
      show: {
        duration: 1000
      },
      hide: {
        duration: 1000
      }
    });
 
    $( ".report-opener" ).click(function() {
      $( "#dialog-report" ).dialog( "open" );
    });
  });
  </script>

<script>
  $(function() {
    $( ".accordion" ).accordion({
      collapsible: true,
	  active: false,
	  heightStyle: "content",
	  autoheight: false,
	  widthStyle: "content",
	  autowidth: false,
	  clearStyle: true
    });
  });
</script>

</head>

<body>
<div id="dialog" title="Basic dialog">
      <p style="line-height: normal;">Are you sure to delete?</p>
</div>

<div id="dialog-report" title="Basic dialog">
  <p style="line-height: normal;">Do you want to report this post as spam?</p>
</div>

<div id="page">
	<!--HEADER-->
	<div id="header">
        <div id="header-top">
            <h3>@User.Identity.IsAuthenticated</h3>
        </div><!--end header-top-->

        <div id="header-bot">
        	<div id="logo">
            	<a href="index.html"><img src="images/logo.png" alt="nekorama logo"/></a>
            </div><!--end logo-->
            
            <div id="main-menu">
            	<a href="question.html"><img src="images/question_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="tags.html"><img src="images/tags_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="users.html"><img src="images/users_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="help.html"><img src="images/help_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="contact.html"><img src="images/contact_button-1.jpg" alt="nekorama question button" /></a>
            </div><!--end main-menu-->
        </div>
    </div><!--end header-->
    
	<!--WRAPPER-->
	<div id="wrapper">
    	<div id="primary">
        	<div id="primary-1">
            	<img src="images/filter_separate.jpg" alt="filter separate" />
            </div><!--end primary-1-->
            <div class="clear"></div>
            
            <div id="primary-2">
            	<div class="question-owner">
                	<h1><a href="personal-page.html">Sam</a></h1>
                </div><!--end question-owner-->
                
                <div class="question-detail">
                	<div class="rate">
                    	<img src="images/vote_up.jpg" alt="nekorama vote up" />
                        <p>0</p>
                      <img src="images/vote_down.jpg" alt="nekorama vote down" />
                    </div><!--end rate-->
                    
                    <div class="question-title">
                    	<h1>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit</h1>
                    </div><!--end question-title-->
                    
                    <div class="question-description">
                    	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei. No sea everti melius scriptorem, movet causae eam no, esse laudem salutandi has ut. Vis qualisque repudiare torquatos ex, quot voluptatibus cu vix, nihil veniam vocibus qui id. Dicant soluta no vix, ius graeco iuvaret torquatos et. Cu pri rationibus liberavisse.
                        
                        Quas singulis expetenda cu ius, mel atqui consequuntur eu, solum cetero assentior mel te. Doming percipit efficiantur nec an, et eam nulla soluta. Minim doming ne quo, ludus dolor neglegentur vim cu, disputando complectitur sea cu. Sale postea option eu nec.
                        Sea mentitum moderatius ex. Nec ex porro labore fuisset. Ei duo error partiendo scribentur, quis malorum inimicus at mei. Vix ex torquatos ullamcorper.
                        Cu docendi nominati vim, dicant vidisse duo et, sea assum animal ullamcorper ea. Te vis splendide vituperatoribus. Per iudico dolores perfecto eu, purto summo homero at ius. Cetero delectus splendide cu vel, ex iisque electram interesset cum.</p>
                    </div><!--end question-description-->
                    
                    <div class="tags-bar">
                        <ul class="tags">
                            <li><a href="question.html">#far</a></li>
                            <li><a href="question.html">#away</a></li>
                            <li><a href="question.html">#behind</a></li>
                            <li><a href="question.html">#the</a></li>
                        </ul>
                    </div><!--end tags-bar-->
                    
                
                    <div class="manage">
                    	<div class="bounty">
                        	<img src="images/set-bounty_button.jpg" alt="nekora set-bounty" />
                            <form method="get" action=""><a href="#"><input type="text" name="set bounty" style="width: 35px;"/></a>
                            </form>
                        </div><!--end bounty-->
                        <div class="basic">
                        	<a href="edit-question.html"><img src="images/edit_button.jpg" alt="nekorama edit" /></a>
                            <img class="opener" src="images/delete_button.jpg" alt="nekora delete button" />
                            <img class="report-opener" src="images/report_button.jpg" alt="nekorama report" />
                        </div><!--end basic-->
                    </div><!--end manage-->
                    
                    <div class="comment_list">
                    	<div class="accordion">
                          
                          <h3>Comment</h3>
                          <div>
                          	<div class="comment">
                        		<h1><a href="personal-page.html">VuNM</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                                
                                <h1><a href="personal-page.html">HungNK</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                        	</div><!--end comment-->
                            
                            <div class="comment_tools">
                                <form method="get" action="">
                                    <textarea name="comment-textbox" style="width: 555px; height: 50px;"></textarea>
                                </form>
                                <img src="images/comment_button.jpg" alt="nekorama comment" />
                          	</div><!--end comment_tools-->
                          </div>
                          
                        </div><!--end accordion-->
                    </div><!--end comment_list-->
                </div><!--end question-detail-->
            </div><!--end primary-2-->
            
          <div id="primary-3">
            	<div class="answer-list">
                	<h1>Answers</h1>
                    
                    <div class="answer">
                    	<div class="answer-owner">
                            <h1><a href="personal-page.html">HungNK:</a></h1>
                        </div><!--end answer-owner-->
                        
                        <div class="rate">
                            <img src="images/vote_up.jpg" alt="nekorama vote up" />
                            <p>0</p>
                            <img src="images/vote_down.jpg" alt="nekorama vote down" />
                            <br />                            
                            <img src="images/accepted.jpg" alt="nekorama accepted" />
                        </div><!--end rate-->
                        
                         <div class="answer-description">
                            	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei. No sea everti melius scriptorem, movet causae eam no, esse laudem salutandi has ut. Vis qualisque repudiare torquatos ex, quot voluptatibus cu vix, nihil veniam vocibus qui id. Dicant soluta no vix, ius graeco iuvaret torquatos et. Cu pri rationibus liberavisse.</p>
                    	</div><!--end answer-description-->
                        <div class="manage">
                            <div class="basic">
								<script type="text/javascript">
                                // Popup window code
                                function newPopup(url) {
                                    popupWindow = window.open(
                                        url,'popUpWindow','height=400,width=795,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
                                }
                                </script>
                                <a href="JavaScript:newPopup('edit-answer.html');"><img src="images/edit_button.jpg" alt="nekorama edit button"/></a> <img class="opener" src="images/delete_button.jpg" alt="nekora delete button" />
                                <img class="report-opener" src="images/report_button.jpg" alt="nekorama report" />
                            </div>
                    	</div><!--end manage-->
                        
                        <div class="comment_list">
                    	<div class="accordion">
                          
                          <h3>Comment</h3>
                          <div>
                          	<div class="comment">
                        		<h1><a href="personal-page.html">VuNM</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                                
                                <h1><a href="personal-page.html">HungNK</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                        	</div><!--end comment-->
                            
                            <div class="comment_tools">
                                <form method="get" action="">
                                    <textarea name="comment-textbox" style="width: 555px; height: 50px;"></textarea>
                                </form>
                                <img src="images/comment_button.jpg" alt="nekorama comment" />
                          	</div><!--end comment_tools-->
                          </div>
                          
                        </div><!--end accordion-->
                    </div><!--end comment_list-->
                        
                    </div><!--end answer-->
                    <div class="answer">
                    	<div class="answer-owner">
                            <h1><a href="personal-page.html">HungNK:</a></h1>
                        </div><!--end answer-owner-->
                        
                      <div class="rate">
                            <img src="images/vote_up.jpg" alt="nekorama vote up" />
                            <p>0</p>
                          <img src="images/vote_down.jpg" alt="nekorama vote down" />
                            <br />
                        </div><!--end rate-->
                        
                         <div class="answer-description">
                            	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei. No sea everti melius scriptorem, movet causae eam no, esse laudem salutandi has ut. Vis qualisque repudiare torquatos ex, quot voluptatibus cu vix, nihil veniam vocibus qui id. Dicant soluta no vix, ius graeco iuvaret torquatos et. Cu pri rationibus liberavisse.</p>
                    	</div><!--end answer-description-->
                        <div class="manage">
                            <div class="basic">
								<script type="text/javascript">
                                // Popup window code
                                function newPopup(url) {
                                    popupWindow = window.open(
                                        url,'popUpWindow','height=400,width=795,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
                                }
                                </script>
                                <a href="JavaScript:newPopup('edit-answer.html');"><img src="images/edit_button.jpg" alt="nekorama edit button"/></a> <img class="opener" src="images/delete_button.jpg" alt="nekora delete button" />
                                <img class="report-opener" src="images/report_button.jpg" alt="nekorama report" />
                            </div>
                    	</div><!--end manage-->
                        
                        <div class="comment_list">
                    	<div class="accordion">
                          
                          <h3>Comment</h3>
                          <div>
                          	<div class="comment">
                        		<h1><a href="personal-page.html">VuNM</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                                
                                <h1><a href="personal-page.html">HungNK</a></h1>
                                	<p>Lorem ipsum dolor sit amet, ne mea aperiri nominavi, mel ex tollit scripserit vituperatoribus, sumo delectus mea ei.</p>
                        	</div><!--end comment-->
                            
                            <div class="comment_tools">
                                <form method="get" action="">
                                    <textarea name="comment-textbox" style="width: 555px; height: 50px;"></textarea>
                                </form>
                                <img src="images/comment_button.jpg" alt="nekorama comment" />
                          	</div><!--end comment_tools-->
                          </div>
                          
                        </div><!--end accordion-->
                    	</div><!--end comment_list-->
                        
                    </div><!--end answer-->
        </div><!--end answer-list-->
                
                <div class="text-editor">
                	<textarea name="textarea" class="jqte-test"></textarea>
					<script>
						$('.jqte-test').jqte();
						
						// settings of status
						var jqteStatus = true;
						$(".status").click(function()
						{
						jqteStatus = jqteStatus ? false : true;
						$('.jqte-test').jqte({"status" : jqteStatus})
						});
                    </script>
                    <img src="images/answer_button.jpg" alt="nekorama answer button" />
                </div><!--end text-editor-->
            </div><!--end primary-3-->
        </div><!--end primary-->
        
        <div id="side-banner">
        	<img src="images/right_banner.jpg" alt="nekorama side banner"/>
        </div><!--end side-banner-->
    
    </div><!--end wrapper-->
    <!--<div id="clear"></clear>-->
    
    <!--FOOTER-->
    <div id="footer">
    	<p>猫 | Capstone Project | Developed by Nekora | FPT University</p>
    </div><!--end footer-->
</div><!--end page-->

</body>
</html>
